Кейс: разработка приложения по аренде платьев

Рассказываем, как спроектировали и разработали MVP для шеринг-сервиса по аренде платьев. С его помощью девушки смогут решить проблему “нечего надеть” и заработать на сдаче в аренду платьев и аксессуаров, пылящихся в шкафу.

У нашей клиентки уже было понимание, каким она хочет видеть приложение для аренды платьев: роли пользователей, список инструментов, принцип работы. Эти вводные данные стали основой для проектирования будущего сервиса.

На основании информации от клиентки мы начали проработку интерфейсов и сценариев пользователей. Составили карту пути двух типов пользователя: арендатора и арендодателя. Главный фокус на этом этапе — обеспечить баланс между объемом реализуемой в рамках MVP функциональности и удобством для пользователей. Результатом этого этапа стали схемы сценариев и наброски экранов приложения в черновом исполнении.

Когда карта сценариев была готова, мы перешли к разработке дизайна для приложения по аренде платьев. У заказчика уже были идеи по стилистике и палитре — мы взяли их за основу, проработали детали и адаптировали к целям продукта. 

Чтобы визуально разделить элементы интерфейса, относящиеся к разным типам пользователей, использовали два доминирующих цвета:

1. Розовый — для инструментов арендатора.
2. Синий — для инструментов арендодателя.

Инструменты, которыми пользуются оба типа пользователей, выполнены градиентом.

После согласования концепта проработали дизайн всех экранов. Поскольку приложение будет тестироваться преимущественно с мобильных устройств, решили отказаться от отдельной десктопной версии дизайна и проектировали по принципу Mobile First. Поэтому сервис и с компьютера отображается как мобильный.

В разработке приложения по аренде платьев использовали несколько технологий: .Net Core, Mongo db, Angular, Ionic 7 Capacitor.

Для этого продукта мы выбрали формат кроссплатформенного приложения. Удобство этого формата заключается в его гибкости. В MVP-версии продукт работает как веб-приложение (PWA). Особенности такого формата:

• приложение открывается через браузер;
• доступ к нему осуществляется по домену my.dresschange.ru;
• при этом его можно отдельно установить на рабочий стол смартфона;
• оно может работать без постоянного подключения к сети за счет сохраненных в кэше данных. 

При необходимости продукт можно собрать и опубликовать как классическое мобильное приложение в Google Play и App Store, при этом не придется писать отдельный код под эти операционные системы.

Плюсы такого технического решения:

• экономия на разработке — делаем одно приложение, а не два под разные операционные системы;
• индексация поисковыми системами;
• интерфейс, как у приложения;
• быстрая загрузка;
• широкие возможности кастомизации;
• устойчивость к высоким нагрузкам;
• работа в офлайн-режиме благодаря кэшированию;
• минимальные затраты на поддержку;
• отправка пуш-уведомлений.

На аналогичной технологии работают Twitter, Alibaba, Forbes, The Weather Channel и MakeMyTrip.

Более подробную информацию о веб-приложениях читайте в нашей статье:

Создание веб-приложений SPA и PWA для бизнеса

Несмотря на то что проект запускали в облегченной MVP-версии, для приложения реализовали богатый функционал. Вот какие инструменты включили:

• Быстрая регистрация через СМС.
• Удобный поиск по словам или фильтрам (категория, цена, цвет, размер).
• Чат между арендодателем и арендатором.
• Возможность забронировать вещь на конкретные даты или сразу взять в аренду.
• Функция безопасной сделки — оплата происходит прямо в приложении.
• Возможность внести залог.
• Профили пользователей с рейтингом, отзывами и фото.
• Структурированные карточки товаров.

Кейс по разработке PWA-приложения аренды платьев будет полезен предпринимателям, которые продумали бизнес-идею и хотят протестировать ее на реальных пользователях. Для таких задач принято начинать с разработки продукта в виде MVP — на начальном этапе это помогает в условиях ограниченного бюджета проработать бизнес-модель, собрать обратную связь с реальных пользователей и проверить гипотезы о бизнесе. После такой проверки нередко направление бизнеса может скорректироваться, а если будет доказано отсутствие спроса, то ограниченность бюджета становится весомым плюсом.

После того как разработка PWA-приложения аренды платьев была завершена, клиентка может запустить тест с реальными пользователями. Результаты теста покажут, в каком направлении развивать сервис дальше и что следует дорабатывать в первую очередь.